<div class="da-list-wrap">
  <div class="da-content-banner">
    <d-breadcrumb>
      <d-breadcrumb-item><a routerLink="/">{{ 'system.breadcrumb.home' | translate }}</a></d-breadcrumb-item>
      <d-breadcrumb-item><a
          routerLink="/pages/systemset/Review-Flow">{{ 'system.breadcrumb.ReviewFlow' | translate }}</a>
      </d-breadcrumb-item>
      <d-breadcrumb-item>{{ 'system.breadcrumb.ReviewFlowNode' | translate }}</d-breadcrumb-item>
    </d-breadcrumb>
  </div>
  <div class="da-content-wrapper">

    <div class="card">
      <div class="flow">
        <div class="flow-start">
          <span>流程开始</span>
        </div>
        <div class="puls-item">
          <div class="long-arrow"></div>
          <i (click)="addNode()" class="icon-add-2" title="添加"></i>
        </div>
        <div class="flow-nodes" *ngFor="let node of nodes">
          <app-flow-node (deleteNode)="deleteNode(node)" (click)="editNode(node)" [node]="node"></app-flow-node>
          <div class="puls-item">
            <div class="long-arrow"></div>
            <i class="icon-add-2" title="添加" (click)="addNode(node)"></i>
          </div>
        </div>
        <div class="flow-end"><span>流程结束</span> </div>
      </div>
      <div class="button-group">
        <d-button style="margin-left: 8px;" (btnClick)="saveNode()" bsStyle="primary" [bsSize]="'sm'">保存</d-button>
      </div>
    </div>
    <div class="input-group">
      <div class="title">
        <span>
          审核节点设置
        </span>
      </div>
      <div class="input-group-body" *ngIf="this.display">
        <div class="input-g mt-5">
          <label>
            节点描述：
          </label>
          <textarea dTextarea class="form-input-box" [(ngModel)]="selectNode.description"></textarea>
        </div>
        <div class="input-g mt-5">
          <label>
            审核组：
          </label>
          <d-select [options]="options" [filterKey]="'name'" [valueKey]="'approvalGroupId'"
            (valueChange)="selectGroup($event)" [(ngModel)]="selectNode.approvalGroupId"></d-select>
        </div>
      </div>
    </div>
  </div>
</div>
<d-toast [value]="msgs" [life]="2000" [styleClass]="'custom-class'" [style]="{ left: '50%',top:'10px' }"></d-toast>
